<template>
  <div class="downtimeinquire">
    <div class="content">
      <div class="bluestripe">
        <div class="rect"></div>
        <div class="name">停机信息详情</div>
      </div>
      <div class="formcontainer">
        <el-form ref="form" :model="form" label-width="150px" :disabled="true">
          <el-row>
            <el-col :span="6">
              <el-form-item label="交易流水号：" :required="true" >
                <el-input v-model="form.name" ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="成员单位单号：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="银联单号：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="停机主体机构标识：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="停机主体机构名称：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="请求报文类型：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="运维信息类型：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="说明：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="建议支付机构操作：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="计划开始时间：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="计划结束时间：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="影响交易类型：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="影响账户类型：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="影响业务渠道：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="影响业务程度：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="中断时长：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="报送时间：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="补充说明：" :required="true">
                <el-input v-model="form.name" type="textarea"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          
        </el-form>
      </div>
             <!--联系信息集合-->
    <div class="messageset trademessage">
      <div class="title4 title">联系信息集合</div>
      <el-divider></el-divider>
      <div class="form4" style="margin-bottom: 20px">
        <el-form ref="form" :model="form" label-width="150px" :disabled='true'>
          <el-row>
            <el-col :span="6">
              <el-form-item label="联系人姓名：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="联系方式：" :required="true">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
      <!-- ---返回按钮 -->
      <div class="btnbox">
        <el-button type="primary" icon="el-icon-d-arrow-left" @click='back()'>返回</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
    };
  },
  methods:{
    back(){
        this.$eventBus.$emit("zipao")
    }
  }
};
</script>

<style lang='scss' scoped>
.downtimeinquire {
  // padding: 20px;
  .content {
    background-color: #fff;
    height: 100%;
    width: 100%;
    padding: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    .bluestripe {
      background: #d6e4ff;
      height: 100%;
      width: 100%;
      padding: 8px 0 8px 0;
      display: flex;
      margin-bottom: 20px;
      .rect {
        background-color: #007aff;
        margin-right: 20px;
        height: 16px;
        width: 4px;
      }
      .name {
        font-size: 14px;
      }
    }
    .trademessage {
    height: 100%;
    width: 100%;
    .title {
      font-weight: 600;
      font-size: 16px;
    }
    .file {
      height: 70px;
      // background-color: pink;
      width: 100%;
    }
  }
  .btnbox {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  }
}
</style>